<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ include file="/page/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@ include file="/adapter/adapter-bootstrap.jsp" %>
<%@ include file="/adapter/adapter-lanren.jsp" %>
</head>
<body>
			<div class="op-btn">
				<input type="button"  id="addButton" class="btn btn-default" value="添加模板参数"/>
				<input type="button"  id="updateButton" class="btn btn-default" value="修改模板参数"  onclick=""/>  
				<input type="button" class="btn btn-default" value="删除模板参数"/> 
			</div>	
<macms:table dataListName="stpList">
	<macms:html id="ch" label="选择" innerHtml="<input type='radio' name='check' value='15'>"></macms:html>
	<macms:text id="template_id" label="模板标识"></macms:text>
	<macms:text id="template_param_type" label="模板参数类型" dictname="S_TEMPLATE_PARAM_TYPE"></macms:text>
	<macms:text id="template_param_code" label="模板参数代码"></macms:text>
	<macms:text id="template_param_name" label="模板参数名称"></macms:text>
	<macms:text id="is_must_need" label="是否必需" dictname="STD_YN"></macms:text>
	<macms:text id="template_param_defvalue" label="模板参数默认值"></macms:text>
	<macms:text id="param_remarks" label="模板参数说明"></macms:text>
</macms:table>

<!-- //弹出添加参数 -->
<div class="theme-popover">
     <div class="theme-poptit">
          <a href="javascript:;" title="关闭" class="close">×</a>
          
          <h3>模版参数信息</h3>
     </div>
     <div class="theme-popbod dform">
           <form class="theme-signin" name="tempParamform" id="tempParamform"  action="" method="post">
                 <li style="list-style-type:none;"> 模板标识&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ：<input  type="text" id="passTemplateId" readonly="readonly" name="templateId" value="" size="20" />   
                                                                                                                                                                                     模板参数代码&nbsp;&nbsp;&nbsp;：<input type="text"  id="passtemplateParamCode" name="templateParamCode" value="" size="20" />
                 </li>     
                 <li style="list-style-type:none;"> 
                                                                                                                                                                                     模板参数名称：<input type="text" id="passtemplateParamName" name="templateParamName" value="" size="20" />
                                                                                                                                                                                    模板参数默认值：<input  type="text" id="passtemplateParamDefvalue"  name="templateParamDefvalue" value="" size="20" />
                 <br></li>      
                 <li style="list-style-type:none;"> 模板参数类型：<input  type="hidden" id="template_Param_Type"  name="templateParamType" readonly="readonly" value="01" size="20" />
                             <select  id="elementType" name="elementType"  onclick="changeValue1(this.value)" >
                                  <option value="01" >键值参数</option> 
                                  <option value="02" >标签参数</option> 
                             </select>
                       &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;   是否必需：<input  type="hidden" id="is_Must_Need"  name="isMustNeed" value="Y" size="20" />
                             <select  id="elementType1" name="elementType1"  onclick="changeValue2(this.value)" >
                                  <option value="Y" >&nbsp;&nbsp;&nbsp;是</option> 
                                  <option value="N" >&nbsp;&nbsp;&nbsp;否</option> 
                             </select>
                 <br></li>
                 <li style="list-style-type:none;"> 模板参数顺序：<input  type="text" id="paramSort" name="paramSort" value="" size="20" /><br></li>     
                 <li style="list-style-type:none;"> 模板参数说明：<input  type="text" id="passparamRemarks" name="paramRemarks" value="" size="61" /><br></li>     
                     
                 <li style="list-style-type:none;"> <input class="btn btn-primary" type="button" name="submit" value="保存"  onclick="saveTempParam()" /></li>
           </form>
     </div>
</div>
<div class="theme-popover-mask"></div>







	<script language="javascript">
	//弹出框
	jQuery(document).ready(function($) {
		$('#addButton').click(function(){
			$('.theme-popover-mask').fadeIn(200);
			$('.theme-popover').slideDown(400);
			//alert('${templateid}');
			$('#passTemplateId').val('${templateid}');
			$('#passtemplateParamCode').val('');
			$('#passtemplateParamName').val('');
			$('#passtemplateParamDefvalue').val('');
			$('#template_Param_Type').val('01');
			$('#is_Must_Need').val('Y');
			$('#passparamRemarks').val('');
		});
		$('#updateButton').click(function(){
			$('.theme-popover-mask').fadeIn(200);
			$('.theme-popover').slideDown(400);
			//$('#elementType').val('2');
			
			
			
			//$('#elementType').find("option[text='']").attr("selected",true); 
			$('#passTemplateId').val('${templateid}');
			$('#passtemplateParamCode').val(template_param_code);
			$('#passtemplateParamName').val(template_param_name);
			$('#passtemplateParamDefvalue').val(template_param_defvalue);
			if(template_param_type=='键值参数'){
				$('#elementType').find("option[value='01']").attr("selected",true);
				$('template_Param_Type').val('01');
				//template_param_type='01';
			}else{
				$('#elementType').find("option[value='02']").attr("selected",true);
				$('template_Param_Type').val('02');
				//template_param_type='02';	
			} 
			//$('#template_Param_Type').val(template_param_type);
			if(is_must_need=='是'){
				$('#elementType1').find("option[value='Y']").attr("selected",true);
				$('#is_Must_Need').val('Y');
				//is_Must_Need='01';
			}else{
				$('#elementType1').find("option[value='N']").attr("selected",true);
				$('#is_Must_Need').val('N');
				//is_Must_Need='02';	
			}
			
/* 			$('template_Param_Type').val(template_param_type);
			$('#is_Must_Need').val(is_must_need); */
			$('#passparamRemarks').val(param_remarks);
			
            //设置只读
			$("#passTemplateId").attr("disabled",true);
			$("#passtemplateParamCode").attr("disabled",true);

		});
		$('.theme-poptit .close').click(function(){
			$('.theme-popover-mask').fadeOut(200);
			$('.theme-popover').slideUp(400);
		});

	});
	
	//保存模板参数
	function  changeValue1(template_Param_Type){
	   document.getElementById("template_Param_Type").value=template_Param_Type;	
    }
    function  changeValue2(is_Must_Need){
 	   document.getElementById("is_Must_Need").value=is_Must_Need;	
    }
	
	
		function saveTempParam(){
			var str_data=$("#tempParamform input").map(function(){
				   return ($(this).attr("name")+'='+$(this).val());
				 }).get().join("&") ;
			//alert("str_data"+str_data);
		    $.ajax({
		        url:"${ctx}/sTemplateParam/saveSTemplateParam",
		        type: "POST",      
		        dataType:"json",
		        data: str_data,
		        async: false,
		        success: function(data) {
		        	if(data.flag>0){
			            alert("保存成功！");	
			            window.location.reload();
		        	}
		        },
		        error: function() {
		          alert("error");
		        }
		      });	
		}	
			
	
	
	
	
	
	
	
	    var template_id="";
	    var template_param_type="";
	    var template_param_code="";
	    var template_param_name="";
	    var is_must_need="";
	    var template_param_defvalue="";
	    var param_remarks="";
	    var preRow = null;
		$('tbody tr').bind('click', function() {
	
			var rowIndex = $(this).prevAll().length+1;
			if(rowIndex <1) return;
			
			if(preRow != null){
				preRow.removeClass("active");
			}
			$(this).addClass("active");
			preRow = $(this);
			
			template_id=$(this).find("td").eq(1).text();
			template_param_type=$(this).find("td").eq(2).text();
			template_param_code=$(this).find("td").eq(3).text();
			template_param_name=$(this).find("td").eq(4).text();
			is_must_need=$(this).find("td").eq(5).text();
			template_param_defvalue=$(this).find("td").eq(6).text();
			param_remarks=$(this).find("td").eq(7).text();
/* 			if($(this).find("td").eq(2).text()=='键值参数'){
				template_param_type='01';
			}else{
				template_param_type='02';	
			} */
			
			//alert(template_param_type);
			// 行单击后事件(传入行号，应用ID,应用名称信息)
			//rowClickAfter(rowIndex,
			//		$(this).find("td").eq(1).text(),
			//		$(this).find("td").eq(2).text());
		});
	</script>
</body>
</html>